<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:c="http://java.sun.com/jstl/core"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.prime.com.tr/ui" >
<head>
    <link rel="stylesheet" type="text/css" href="/css/style.css" />
    <title>Welcome to iTelecom Inventory * Login</title>
       
     <p:resources />

</head>
<body>
<f:view>
    <h:form id="login">

    <h:messages showDetail="true"/>
    <p:panel header="Login" style="width:30%; position: absolute; left: 35%; top:35%">
    <h:panelGrid columns="3">

         <!-- Login -->
          <h:outputLabel for="loginname">
              <h:outputText value="Login: "/>
          </h:outputLabel>
          <h:inputText id="loginname" value="#{login.loginname}"/>

         <!-- Password -->
          <h:outputLabel for="password">
              <h:outputText value="Password: "/>
          </h:outputLabel>
          <h:inputSecret id="password" value="#{login.password}"/>

         <!-- buttons -->
         <h:commandButton value="Login" id="Button" type="submit" action="#{login.loginUser}"/>
         <h:commandButton type="reset"/>


    </h:panelGrid>
    </p:panel>
    </h:form>

</f:view>
</body>
</html>